<template>
  <div>
    <Navbar class="navbar"></Navbar>
    <Layout class="layout"></Layout>
  </div>
</template>

<script>
  import Navbar from '../components/Navbar.vue';
  import Layout from '../components/Layout.vue';
export default {
  components:{
    Navbar,
    Layout,
  }
}
</script>
<style>
html,body,#app{
  height: 100%;
}
    #app>div{
      height: 100%;
      display: flex;
      flex-direction: column;
      
    }
  *{
    margin: 0;
    padding: 0;
  }
  .navbar{
    background-color: yellow;
    height: 40px;
    line-height: 40px;
  }
  .layout{
    background-color: rgb(71, 186, 36);
    /* flex: 1; */
    flex: 1;
  }
</style>
